Skip to content

🎨 Palette: Improve score readability and UI consistency#245

Open
aidasofialily-cmd wants to merge 1 commit into
mainfrom
palette/ux-polish-17024817448185535573
Open

🎨 Palette: Improve score readability and UI consistency#245
aidasofialily-cmd wants to merge 1 commit into
mainfrom
palette/ux-polish-17024817448185535573

Conversation

@aidasofialily-cmd
Copy link
Copy Markdown
Owner

@aidasofialily-cmd aidasofialily-cmd commented May 26, 2026

🎨 Palette: Improve score readability and UI consistency

This PR introduces several micro-UX improvements to the SPEED CLICKER terminal game to enhance readability, visual polish, and player feedback.

💡 What: The UX enhancement added

  1. Score Formatting: Added a formatWithCommas helper to display large numbers more readably (e.g., 1,250 instead of 1250).
  2. Visual Cleanup: Integrated the CLR_EOL (\033[K) ANSI escape sequence to clear the line during \r updates, eliminating "ghost characters" during the countdown and HUD refreshes.
  3. HUD Polish: Applied consistent CLR_SCORE (Bold Cyan) styling to both score and high score labels and values for better visual balance.
  4. Achievement Context: Updated the Game Over screen to display the previous personal best alongside a new record, providing meaningful context for the achievement.

🎯 Why: The user problem it solves

  • Large numbers in the terminal were difficult to parse at a glance.
  • Terminal updates occasionally left visual artifacts from previous lines.
  • Setting a new personal best felt less rewarding without knowing what the previous record was.

♿ Accessibility

  • Improved color contrast and consistency for key game metrics.
  • Cleaner terminal output reduces visual noise and potential confusion for users with cognitive or visual impairments.

🛠️ Verification

  • Verified with test_format.cpp (standalone logic check).
  • Verified with verify_ux.py (terminal standard check).
  • Compiled with make (C++11).

PR created automatically by Jules for task 17024817448185535573 started by @aidasofialily-cmd

@google-labs-jules @aidasofialily-cmd
🎨 Palette: Improve score readability and UI consistency
527c724 
- Implemented `formatWithCommas` to improve readability of scores.
- Added `CLR_EOL` (\033[K) to prevent visual artifacts during in-place terminal updates.
- Enhanced HUD with consistent color styling for scores and high scores.
- Improved Game Over screen by providing achievement context (previous best).
- Added learnings to .Jules/palette.md regarding CLI visual artifacts.

Co-authored-by: aidasofialily-cmd <247843425+aidasofialily-cmd@users.noreply.github.com>
@google-labs-jules
Copy link
Copy Markdown
Contributor

google-labs-jules Bot commented May 26, 2026

👋 Jules, reporting for duty! I'm here to lend a hand with this pull request.

When you start a review, I'll add a 👀 emoji to each comment to let you know I've read it. I'll focus on feedback directed at me and will do my best to stay out of conversations between you and other bots or reviewers to keep the noise down.

I'll push a commit with your requested changes shortly after. Please note there might be a delay between these steps, but rest assured I'm on the job!

For more direct control, you can switch me to Reactive Mode. When this mode is on, I will only act on comments where you specifically mention me with @jules. You can find this option in the Pull Request section of your global Jules UI settings. You can always switch back!

New to Jules? Learn more at jules.google/docs.

For security, I will only act on instructions from the user who triggered this task.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

No reviews

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

1 participant

@aidasofialily-cmd